<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<meta name="referrer" content="never"> 
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">
	<link rel="stylesheet" href="../../css/utils/mui.min.css" />
	<link rel="stylesheet" href="../../css/utils/toastr.min.css" />
	<title></title>
	<style>
		body {
			padding: 0;
			margin: 0;
			font-family: "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;
			font-size: 14px;
			background-color: #fff;
		}
		.content {
			padding: 15px;
			margin-bottom: 70px;
		}
		.buy-tickets-div {
			/*display: none;*/
			background-color: #f3f3f3;
			position: fixed;
			top: 0px;
			bottom: 0px;
			left: 0px;
			right: 0px;
			z-index: 100;
		}
		.shop-group-item{margin-bottom:5px;}
		.shop-group-item ul {padding-left: 0px;}
		.shop-group-item ul li{border-bottom:1px solid #C5C5C5;list-style: none;}
		.shop-group-item ul li:last-child{border-bottom:none;}
		
		.shop-info{background:#FFFFFF;height:120px;padding:0 15px;position:relative;}
		.shop-info .shop-info-img{position:absolute;top:15px;width:90px;height:90px;}
		.shop-info .shop-info-img img{width:100%;height:100%;}
		.shop-info .shop-info-hide{display: none;}
		.shop-info .shooping-cart-ID{display: none;}
		.shop-info .shop-info-text{margin-left:100px; padding:25px 0;}
		.shop-info .shop-info-text .goods-name{font-size:15px; color: #555555; font-family: "PingFang-SC-Regular"; display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}
		.shop-info .shop-info-text .shop-brief{height:25px;line-height:25px;font-size:12px;color:#B1B1B1;white-space:nowrap;font-family: "PingFang-SC-Regular";}
		.shop-info .shop-info-text .shop-brief span{display:inline-block;margin-right:8px;}
		.shop-info .shop-info-text .shop-price{height:24px;line-height:24px;position:relative;}
		.shop-info .shop-info-text .shop-price .shop-pices {color:#DC5E5D;font-size:10px;}
		.shop-info .shop-info-text .shop-price .shop-pices .price {color:#DC5E5D;font-size:14px;}
		.shop-info .shop-info-text .shop-arithmetic{position:absolute;right:0px;top:0;width:84px;box-sizing:border-box;white-space:nowrap;height:100%;}
		.shop-info .shop-info-text .shop-arithmetic a{display:inline-block;width:23px;height:22px;line-height:22px;text-align:center;background:#fff;font-size:16px;}
		.shop-info .shop-info-text .shop-arithmetic .minus{display: inline-block; background-image: url(../../img/phone/btn_jian.png); background-size: 100% 100%; width: 25px; height: 23px;}
		.shop-info .shop-info-text .shop-arithmetic .failed{color:#d1d1d1;}
		.shop-info .shop-info-text .shop-arithmetic .plus{display: inline-block;  background-image: url(../../img/phone/btn_jia.png); background-size: 100% 100%; width: 25px; height: 23px;}
		.shop-info .shop-info-text .shop-arithmetic .minus:active{display: inline-block; background-image: url(../../img/phone/btn_jian_w.png); background-size: 100% 100%; width: 25px; height: 23px;}
		.shop-info .shop-info-text .shop-arithmetic .plus:active{display: inline-block;  background-image: url(../../img/phone/btn_jia_w.png); background-size: 100% 100%; width: 25px; height: 23px;}
		.shop-info .shop-info-text .shop-arithmetic .num{width:32px;text-align:center;border:none;display: inline-block;height:100%;box-sizing:border-box;vertical-align:top;margin:0 -6px;}
	</style>
</head>
<body>
	<div class="content">
		<div class="buy-tickets-div">
			<div class="uiwm-preview-tickets" id="previewForm">
				<div class="shop-group-item">
					<ul>
						<li>
							<div class="shop-info">
								<div class="shop-info-img"><a href="#"><img src="../img/index/tuijian_bg.png" /></a></div>
								<div class="shop-info-text">
									<div>Apple MacBook Pro 13.3英寸笔记本</div>
									<div class="shop-brief"><span>重量:3.3kg 颜色:标配版</span></div>
									<div class="shop-price">
										<div class="shop-pices">￥<span class="price">10021.00</span></div>
										<div class="shop-arithmetic">
											<div class="minus"></div>
											<span class="num" >1</span>
											<div class="plus"></div>
										</div>
									</div>
								</div>
							</div>
						</li>
					</ul>
				</div>
			</div>
		</div>
	</div>
	<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
	<script type="text/javascript" src="../../js/utils/jquery-1.12.4.min.js" ></script>
	<script type="text/javascript" src="../../js/utils/mui.min.js" ></script>
	<script type="text/javascript" src="../../js/utils/regular.js" ></script>
	<script type="text/javascript">
		document.write('<script type="text/javascript" src="../../js/utils/boot.js?v='+new Date().getTime()+'" ><\/script>');
	</script>
	<script>
		var userID,companyID,articleID,pluginID,customerID,readID;
		$(function(){
			articleID = base.getParameter("articleID");
			userID = base.getParameter("userID");
			companyID = base.getParameter("companyID");
			customerID = base.getParameter("customerID");
			readID = base.getParameter("readID");
		});
		function initWX(title,desc,imgUrl,isRedPackage) {
			var url = server_root + "/phone/web/shareArticle.do" + window.location.search;
			var shareAppMessage = {
				title: title,
				desc: desc,
				link: url,
				imgUrl: imgUrl,
				success:function(){
					mui.toast("分享好友成功！");
					base.postData(base.url.addShareInfo, {userID:userID,companyID:companyID,articleID:articleID,customerID:customerID,type:1}, callbackAddShareInfo);
				},
				cancel:function(){
					mui.toast("取消分享！");
				}
			};
			var shareTimelineData = {
				title: title,
				desc: desc,
				link: url,
				imgUrl: imgUrl,
				success:function(){
					mui.toast("分享朋友圈成功！");
					base.postData(base.url.addShareInfo, {userID:userID,companyID:companyID,articleID:articleID,customerID:customerID,type:2}, callbackAddShareInfo);
				},
				cancel:function(){
					mui.toast("取消分享！");
				}
			};
			//初始化微信
			base.initWX(companyID, function () {
				wx.onMenuShareAppMessage(shareAppMessage);//微信好友
				wx.onMenuShareTimeline(shareTimelineData);//朋友圈
				if (isRedPackage == 1) {
					getLocation();	
				}
			});
		}
	</script>
</body>
</html>
